<style lang="less" scoped>
.cankao_data{
  background: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 800px;
  margin: auto;
  .cankao_img{
    width: 100%;
    height: 100%;
    margin-top: 1vw;
  }
  .cankao_data{
    width: 100%;
  }
}
</style>
<template>
  <div class="cankao">
    <MainUser></MainUser>
    <div style="height:3.2vw"></div>
    <affix style="margin-top:-3.2vw">
      <MainTitle @sousuo="titleSousuo"></MainTitle>
    </affix>
    <div class="cankao_data">
      <!-- <img v-for="item in seriesgallerydata" class="xl_img" :src="item.thumb"/> -->
      <!-- <img  class="xl_img" :src="seriesgallerydata.thumb"/> -->
      <div  class="cankao_img" v-html="reference_gallerydata.detailed_desc"/>
      <div style="height:3vw;"></div>
    </div>
    
  </div>
</template>
<script>
import { reference_gallery } from '@/request/api';
import MainTitle from '../main_title'
import MainUser from '../main_user'
export default {
    data() {
        return {
          id:'',
          reference_gallerydata:{},
          keywords:'',
        }
    },
    mounted() {
      this.id = this.$route.query.id;
      this.getreference_gallery();
    },
    methods: {
      //获取系列列表数据
      getreference_gallery(){
        
        reference_gallery({id:this.id}).then(res => {
          this.loading = false;
          if(res.ok){
              this.reference_gallerydata = res.data;
          }
        })
      },
      titleSousuo(keywords){
        this.keywords = keywords;
        this.$router.push({ name: 'jlb_xilie' ,query: {'keywords': keywords}});
      }
    },
    components: {
        MainTitle,
        MainUser
    },

}
</script>
